@charset "utf-8";

@function r($px){
    @return ($px/40) * 1rem;
}
@function px($px){
    @return ($px/2) * 1px;
}   
#web{
    width: r(750);
    height: 100%;
    position: relative;
}
header{
    border: 1px solid transparent;
    width: 100%;
    height: 61.5px;
    .back{
        margin-left: px(23);
        margin-top: px(48);
        font-size: px(26);
        text-align: center;
        line-height: px(55);
        width: px(122);
        height: px(55);
        border: 1px solid #ff9344;
        border-radius: 17px;
    }
    .fenlei-p{
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: px(62);
        font-size: px(26);
        text-align: center;
        p{
            display: inline-block;
        }
    }
    .selectbar{
        font-size: 0;
        margin-right: px(20);
        margin-top: px(45);
        width: px(41);
        height: px(38);
        img{
            width: 100%;
        }
    }
}
.session{
    position: absolute;
    top:63.5px;
    bottom: px(136);
    left: 0;
    right: 0; 
     //纵向滚动
     overflow-y: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    .session-img{
        text-align: center;
        font-size: 0;
        img{
            width: r(703);
            height: r(259);
        }
    }
    .price{
        align-items: center;
        padding: r(35) r(44);
        display: flex;
        justify-content: space-between;
        p{
            font-size: px(72);
            color: #ff9344;
        }
        button{
            border-radius: r(20);
            font-size: px(30);
            color: white;
            background: #ff9344;
            width: r(110);
            height: r(79);
        }
    }
    .pjia{
        align-items: center;
        padding:0 r(44);
        display: flex;
        justify-content: space-between;
        .p2{
            img{
                width: r(41);
                height: r(38);
            }
            .span1{
                font-size: px(30);
            }
            .span2{
                font-size: px(30);
                color:#ff9344; 
            }
        }
        .p1{
          font-size: px(26);
          color: #8e8e8e;  
        }
    }
    .shiyong{
        margin-top: px(30);
        .sy-bg{
            padding: 0 px(10);
            align-items:center ;
            display: flex;
            justify-content: space-between;
            margin: auto;
            width: r(665);
            height: r(67);
            background: #ff9344;
            p{
                color:white;
                font-size: px(30);
            }
        }
    }
    .food{
        padding: r(10) r(40);
        align-items:center;
        display: flex;
        justify-content: space-between;
        .food-img{
            font-size: 0;
            img{
            width: r(177);
            height: r(176);
        }
        }
        .food-p{
            img{
                width: r(41);
                height: r(38);
            }
            .f-p1{
                font-size: px(30);
            }
            .f-span{
                color:#8e8e8e;
                font-size: px(26);
            }
            .f-p2{
                color:#8e8e8e;
                font-size: px(24);
            }
            .f-p3{
                color:#ff9344 ;
                font-size: px(20);
            }
            
        }
        button{
                border-radius: r(20);
                width: r(112);
                height: r(60);
                background: #ff9344;
                color: white;
            }
        
    }
    
}
footer{
    
    width:r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0;
    li{
        margin-top: px(17);
        text-align: center;
        width: 25%;
        a{
            color:black;
        }
        p{
            font-size:px(26);
        }
    }
}